<page-header>
  <!--<ng-template #breadcrumb>-->
  <!--<nz-breadcrumb>-->
  <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
  <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
  <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="订单信息" (nzSelect)="changeTab(0)"></nz-tab>
      <nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab>
      <nz-tab nzTitle="申请信息" (nzSelect)="changeTab(2)"></nz-tab>
      <nz-tab nzTitle="联络人信息" (nzSelect)="changeTab(3)"></nz-tab>
      <nz-tab nzTitle="担保人信息" (nzSelect)="changeTab(8)"></nz-tab>
      <nz-tab nzTitle="配偶信息" (nzSelect)="changeTab(9)"></nz-tab>

      <nz-tab nzTitle="附件信息" (nzSelect)="changeTab(4)"></nz-tab>
      <nz-tab nzTitle="订单日志" (nzSelect)="changeTab(5)"></nz-tab>

      <!-- <nz-tab nzTitle="审批意见" (nzSelect)="changeTab(6)"></nz-tab> -->
      <!-- <nz-tab nzTitle="方案信息" (nzSelect)="changeTab(7)"></nz-tab> -->

    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回订单列表</button>
  </ng-template>
</page-header>





<!--<nz-card style="height: 100%" nzTitle="视频信息" *ngIf="tabIndex === 1">-->
<!--</nz-card>-->


<nz-row [nzGutter]="24">
  <nz-col [nzSpan]="24">
    <nz-card>
      <nz-card nzTitle="基本信息 " *ngIf="tabIndex === 0">

        <form nz-form>

          <nz-form-item>
            <nz-form-label nzSpan="3" nzRequired>订单编号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">

            </nz-form-control>
          </nz-form-item>
          <nz-form-item>
            <nz-form-label nzSpan="3" nzRequired>产品</nz-form-label>
            <nz-form-control nzSpan="9">
              <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
              <!--</nz-select>-->
              <input nz-input required [(ngModel)]="product.proName" name="proName">
            </nz-form-control>
            <!-- <nz-form-label nzSpan="3" nzRequired>助理人员</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" required [(ngModel)]="product.proIsdb" name="proIsdb" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of xfdzl"></nz-option>
            </nz-select>
          </nz-form-control> -->

            <nz-form-label nzSpan="3" nzRequired>客户姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusName" name="cusName">

            </nz-form-control>
            <!-- <nz-form-label nzSpan="3" nzRequired>gps安装人员</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" required [(ngModel)]="product.gpsUser" name="gpsUser" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of gpsazy"></nz-option>
            </nz-select>
          </nz-form-control> -->
            <nz-form-label nzSpan="3" nzRequired>联系电话</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusMobile" name="cusMobile">

            </nz-form-control>

            <!--<nz-form-label nzSpan="3" nzRequired>证件类型</nz-form-label>-->
            <!--<nz-form-control nzSpan="9">-->
            <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
            <!--</nz-select>-->

            <!--</nz-form-control>-->

            <nz-form-label nzSpan="3" nzRequired>证件号码</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>证件有效起始日</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-date-picker required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>证件有效截止日</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-date-picker required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>现居住地</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

            </nz-form-control>

            <nz-form-label nzSpan="3">性别</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch
                [nzPlaceHolder]="'请选择'">
                <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders">
                </nz-option>
              </nz-select>
            </nz-form-control>

            <!-- <nz-form-label nzSpan="3" >婚姻</nz-form-label>
          <nz-form-control nzSpan="9">
            <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
            </nz-select>
          </nz-form-control> -->

            <nz-form-label nzSpan="3" nzRequired>婚姻</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus">

            </nz-form-control>


            <nz-form-label nzSpan="3">学历</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch
                [nzPlaceHolder]="'请选择'">
                <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
              </nz-select>
            </nz-form-control>

            <nz-form-label nzSpan="3">民族</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch
                [nzPlaceHolder]="'请选择'">
                <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value"
                  *ngFor="let cusEthnical of cusEthnicals"></nz-option>
              </nz-select>
            </nz-form-control>


            <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
            <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

            <!--</nz-form-control>-->

            <nz-form-label nzSpan="3">出生日期</nz-form-label>
            <nz-form-control nzSpan="9">
              <nz-date-picker name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



            </nz-form-control>

            <nz-form-label nzSpan="3">QQ号码</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

            </nz-form-control>

            <nz-form-label nzSpan="3">备注</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

            </nz-form-control>

            <nz-form-label nzSpan="3">状态</nz-form-label>
            <nz-form-control nzSpan="9">
              <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
              <!--</nz-select>-->
              <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

            </nz-form-control>
            <nz-form-label nzSpan="3">是否有子女</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.orderBy4" name="orderBy4">
            </nz-form-control>





            <nz-form-label nzSpan="3">工作单位</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
            </nz-form-control>



            <nz-form-label nzSpan="3">单位地址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
            </nz-form-control>

            <nz-form-label nzSpan="3">月收入</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.orderBy80" name="orderBy80">
            </nz-form-control>

            <nz-form-label nzSpan="3">银行卡号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
            </nz-form-control>

          </nz-form-item>
        </form>
      </nz-card>



      <nz-card nzTitle="车辆信息" *ngIf="tabIndex === 1">
        <form nz-form>
          <nz-form-item>


            <nz-form-label nzSpan="3">注册/发证日期</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype">

              <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
              <!--</nz-select>-->
            </nz-form-control>

            <nz-form-label nzSpan="3">品牌/车型</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

            </nz-form-control>

            <nz-form-label nzSpan="3">车牌号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

            </nz-form-control>

            <nz-form-label nzSpan="3">所有人</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

            </nz-form-control>

            <nz-form-label nzSpan="3">使用性质</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass">

              <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
              <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
              <!--</nz-select>-->
            </nz-form-control>

            <nz-form-label nzSpan="3">住址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

            </nz-form-control>

            <nz-form-label nzSpan="3">车架号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

            </nz-form-control>
            <nz-form-label nzSpan="3">发动机号</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

            </nz-form-control>
          </nz-form-item>
        </form>
      </nz-card>
      <nz-card nzTitle="申请信息 " *ngIf="tabIndex === 2">
        <form nz-form>
          <nz-form-item>


            <nz-form-label nzSpan="2" nzRequired>金额(元）</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required="required" [(ngModel)]="product.orderAmount"  (change)="xcount()"  name="orderAmount">

            </nz-form-control>
            <nz-form-label nzSpan="2" nzRequired>初评金额(元）</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required="required" [(ngModel)]="product.orderBy10" name="orderBy10">

            </nz-form-control>
            <nz-form-label nzSpan="2" nzRequired>期限(月）</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required="required" [(ngModel)]="product.orderPeriod" (change)="xcount()" name="orderPeriod">

            </nz-form-control>


            <nz-form-label nzSpan="2">利率/%</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required [(ngModel)]="product.orderBy14"  (change)="xcount()" name="orderBy14">
            </nz-form-control>


            <nz-form-label nzSpan="2">GPS</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required [(ngModel)]="product.orderBy15" name="orderBy15">
            </nz-form-control>

            <nz-form-label nzSpan="2">服务费</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required [(ngModel)]="product.orderBy16" name="orderBy16">
            </nz-form-control>

            <nz-form-label nzSpan="2">其他</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required [(ngModel)]="product.orderBy17" name="orderBy17">
            </nz-form-control>
            <nz-form-label nzSpan="2">盗抢险</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required [(ngModel)]="product.orderBy42" name="orderBy42">
            </nz-form-control>
            <nz-form-label nzSpan="2">月供</nz-form-label>
            <nz-form-control nzSpan="4">
              <input nz-input required [(ngModel)]="product.orderBy43"   (change)="xcount()"  name="orderBy43">
            </nz-form-control>
            <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
            <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

            <!--</nz-form-control>-->

          </nz-form-item>
        </form>
      </nz-card>
      <nz-card nzTitle="联络人信息" *ngIf="tabIndex === 3">
        <form nz-form>

          <nz-form-item>

            <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyContact2" name="emergencyContact2">
            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyMobile2" name="emergencyMobile2">
            </nz-form-control>


            <nz-form-label nzSpan="3" nzRequired>关系</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyRelation2" name="emergencyRelation2">
            </nz-form-control>
          </nz-form-item>

          <nz-form-item>


            <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyContact3" name="emergencyContact3">
            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyMobile3" name="emergencyMobile3">
            </nz-form-control>


            <nz-form-label nzSpan="3" nzRequired>关系</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyRelation3" name="emergencyRelation3">
            </nz-form-control>
          </nz-form-item>
          <nz-form-item>

            <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyContact4" name="emergencyContact4">
            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyMobile4" name="emergencyMobile4">
            </nz-form-control>


            <nz-form-label nzSpan="3" nzRequired>关系</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyRelation4" name="emergencyRelation4">
            </nz-form-control>
            <!-- <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

          </nz-form-control> -->

            <!--<nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>-->
            <!--<nz-form-control nzSpan="4">-->
            <!--<input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">-->

            <!--</nz-form-control>-->


          </nz-form-item>
        </form>
      </nz-card>
      <nz-card nzTitle="担保人信息" *ngIf="tabIndex === 8">
        <form nz-form>
          <nz-form-item>

            <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyContact1" name="emergencyContact1">
            </nz-form-control>


            <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyMobile1" name="emergencyMobile1">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>关系</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyRelation1" name="emergencyRelation1">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>工作单位名称</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyBy011" name="emergencyBy011">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>工作单位地址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyBy021" name="emergencyBy021">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>居住地址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyResAddr1" name="emergencyResAddr1">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>月收入</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyBy031" name="emergencyBy031">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>公司电话</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyBy041" name="emergencyBy041">
            </nz-form-control>
          </nz-form-item>
        </form>
      </nz-card>
      <nz-card nzTitle="配偶信息" *ngIf="tabIndex === 9">
        <form nz-form>
          <nz-form-item>
            <nz-form-label nzSpan="3" nzRequired>姓名</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">
            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>手机</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">
            </nz-form-control>

            <nz-form-label nzSpan="3" nzRequired>关系</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyRelation" name="emergencyRelation">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>工作单位名称</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyBy01" name="emergencyBy01">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>工作单位地址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyBy02" name="emergencyBy02">
            </nz-form-control>
            <nz-form-label nzSpan="3" nzRequired>居住地址</nz-form-label>
            <nz-form-control nzSpan="9">
              <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">
            </nz-form-control>
          </nz-form-item>
        </form>
      </nz-card>
      <nz-card nzTitle="文件信息 " *ngIf="tabIndex === 4">
        <button nz-button type="primary" nzType="primary" (click)="packattac()">打包附件</button>
        <a down-file [http-data]="data" [http-url]="downurl" file-name="附件信息.zip" *ngIf="downurl">
          <!--<a down-file [http-data]="data" http-url="http://localhost:8080/fxj380/img/server/1111111/20190322001649/1111111.doc?down=true" file-name="车辆信息">-->

          <i class="anticon anticon-download"></i> 下载附件
        </a>
        <form nz-form>
          <div class="clearfix">

            <nz-upload [nzMultiple]="true" [nzAction]="uploadUr5" [nzData]="avatarParam5" nzListType="picture-card"
              [(nzFileList)]="fileList" [nzShowButton]="fileList.length < 300" (nzChange)="upLoadChange($event)"
              [nzPreview]="handlePreview">

              <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
              <div style="margin-top: 0px; color: #666;"> </div>
            </nz-upload>
            <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null"
              (nzOnCancel)="previewVisible=false">
              <ng-template #modalContent>
                <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
              </ng-template>
            </nz-modal>
          </div>

        </form>
      </nz-card>
    </nz-card>
    <nz-card nzTitle="订单日志 " *ngIf="tabIndex === 5">

      <simple-table #st [columns]="columns" [data]="logurl" [ps]="ps" [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}" [reqReName]="{pi:'pageNumber', ps: 'pageSize'}" toTopInChange
        [showTotal]="true" [showSizeChanger]="false" [showPagination]="false">

      </simple-table>



    </nz-card>

    <!-- <nz-card nzTitle="审批意见 " *ngIf="tabIndex === 6"> -->


    <!--<nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">-->
    <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
    <!-- <textarea class="textarea"  [(ngModel)]="product.spcomment" name="spcomment"></textarea> -->
    <!--</nz-form-control>-->

    <!-- </nz-card> -->



    <nz-card nzTitle="方案信息 " *ngIf="tabIndex === 7">
      <form nz-form>
        <nz-form-item>
          <nz-form-label nzSpan="2" nzRequired>还款方式</nz-form-label>
          <nz-form-control nzSpan="4">
            <nz-select style="" [(ngModel)]="productfk.loanReMethod" name="loanReMethod" nzAllowClear nzShowSearch
              [nzPlaceHolder]="'请选择'">
              <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of loanReMethods">
              </nz-option>
            </nz-select>
          </nz-form-control>
          <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.orderNo" name="orderNo">

          </nz-form-control>

          <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.cusName" name="cusName">

          </nz-form-control>

          <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.cusMobile" name="cusMobile">

          </nz-form-control>

        </nz-form-item>
        <nz-form-item>

          <nz-form-label nzSpan="2">路桥日期</nz-form-label>
          <nz-form-control nzSpan="4">
            <nz-date-picker nzFormat="yyyy-MM-dd" name="luqiaoRq" [(ngModel)]="productfk.luqiaoRq"></nz-date-picker>

          </nz-form-control>

          <nz-form-label nzSpan="2">保险日期</nz-form-label>
          <nz-form-control nzSpan="4">
            <nz-date-picker nzFormat="yyyy-MM-dd" name="bxRq" [(ngModel)]="productfk.bxRq"></nz-date-picker>



          </nz-form-control>

          <nz-form-label nzSpan="2">首次还款日期</nz-form-label>
          <nz-form-control nzSpan="4">
            <nz-date-picker nzFormat="yyyy-MM-dd" name="loanDate" [(ngModel)]="productfk.loanDate"></nz-date-picker>



          </nz-form-control>
          <nz-form-label nzSpan="2" nzRequired>车辆评估价</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.carPinggujia" (change)="fyccount()" name="carPinggujia">
          </nz-form-control>

          <nz-form-label nzSpan="2" nzRequired>贷款成数</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.carChengshu" (change)="fyccount()" name="carChengshu">
          </nz-form-control>

          <nz-form-label nzSpan="2" nzRequired>车辆融资额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.carRongzie" name="carRongzie">
          </nz-form-control>


          <nz-form-label nzSpan="2" nzRequired>保险费用</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.bxFy" (change)="fyccount()" name="bxFy">
          </nz-form-control>


          <nz-form-label nzSpan="2" nzRequired>计息金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanSum" (change)="fyccount()" name="loanSum">
          </nz-form-control>

          <nz-form-label nzSpan="2" nzRequired>GPS费用</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.gpsFy" (change)="fyccount()" name="gpsFy">
          </nz-form-control>



          <nz-form-label nzSpan="2">综合成本</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanMonth" (change)="fyccount()" name="loanMonth">
          </nz-form-control>


          <nz-form-label nzSpan="2">期数</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanPeriod" name="loanPeriod">


          </nz-form-control>



          <nz-form-label nzSpan="2" nzRequired>合同金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.conJine" name="conJine">
          </nz-form-control>


          <nz-form-label nzSpan="2" nzRequired>贷款总额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanAmount" name="loanAmount">
          </nz-form-control>




          <nz-form-label nzSpan="2" nzRequired>履约.担保.服务费</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.lydbFuwfei" name="lydbFuwfei">
          </nz-form-control>



          <nz-form-label nzSpan="2" nzRequired>到手金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.daoshouJine" name="daoshouJine">
          </nz-form-control>





        </nz-form-item>

        <nz-form-item>




          <nz-form-label nzSpan="2">备注</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input [(ngModel)]="productfk.loanRemark" name="loanRemark">


          </nz-form-control>


        </nz-form-item>



      </form>



      <button nz-button type="primary" nzType="primary" (click)="savestc('S','制作方案')">制作方案</button>

      <button nz-button type="primary" nzType="primary" (click)="refresh()">刷新数据</button>


      <nz-upload [nzAction]="uploadreplanExcelUrl" [nzShowUploadList]="false" nzAccept="application/vnd.ms-excel"
        (nzChange)="uploadProd($event)">
        <button nzType="primary" nz-button style="margin-left: 10px;margin-right: 8px"><span>导入还款信息</span><i
            class="anticon anticon-upload"></i></button>
      </nz-upload>


      <a down-file [http-data]="data" [http-url]="mbdownurl" file-name="车辆信息" *ngIf="mbdownurl">
        <i class="anticon anticon-download"></i> 下载导入模板
      </a>



      <simple-table #st [columns]="columnsreplan" [data]="urlreplan" [ps]="ps" [extraParams]="q"
        [resReName]="{ total: 'total', list: 'data'}" [reqReName]="{pi:'pageNumber', ps: 'pageSize'}" toTopInChange
        [showTotal]="true" [showPagination]="true" [showSizeChanger]="true" [scroll]="{  x: '1300px' }">
        <!--<ng-template st-row="img" let-i>-->
        <!--<span *ngIf="!i.img" style="color: lightgrey; font-size: 12px;">无图片</span>-->
        <!--<a><img *ngIf="i.img" (click)="showImage(imgSuffix + i.img)" [src]="imgSuffix + i.img" width="32px" style=" max-height: 32px;"/></a>-->
        <!--</ng-template>-->

        <!--<ng-template st-row="isCm" let-i>-->
        <!--{{i.isCm === '0' ? '非定制' : '定制'}}-->
        <!--</ng-template>-->
        <!--<ng-template st-row="isAd" let-i>-->
        <!--{{i.isAd === '0' ? '普通款' : '广告款'}}-->
        <!--</ng-template>-->
      </simple-table>

    </nz-card>


  </nz-col>

</nz-row>

<footer-toolbar errorCollect>

  <nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>
  <nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">
    <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
  </nz-form-control>
  <button nz-button type="primary" nzType="primary" (click)="savestc('Y','通过')">通过</button>
  <!--<button nz-button type="primary" nzType="primary" (click)="savestc('S','制作方案')">制作方案</button>-->

  <button nz-button type="primary" nzType="primary" (click)="savestc('N','不通过')">不通过</button>
  <button nz-button type="primary" nzType="primary" (click)="savestc('R','拒绝')">拒绝</button>


</footer-toolbar>
